<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:a4j="http://richfaces.org/a4j"
                 xmlns:rich="http://richfaces.org/rich"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 template="Template/TemplateSupermercado.xhtml"
                 >

    <ui:define name="content" >
        <div style="height: 100%">
            <div class="center wow fadeInDown">
                <h2>Iniciar sesion</h2>
            </div>
            <div style="margin-left: 38%">
                <h:panelGrid id="PanelSesion" columns="2">
                    <h:outputText  value="Ingrese identificacion " />
                    <h:inputText  required="true" requiredMessage="Debe ingresar la identificaion" value="#{autenticarBean.iden}">

                    </h:inputText>
                    <h:outputText  value="Ingrese password" />
                    <h:inputSecret required="true" requiredMessage="Debe ingresar la clave" value="${autenticarBean.pass}"></h:inputSecret>
                    <h:outputText value="" ></h:outputText>
                    <a4j:commandButton styleClass="" style="background: #3498db;
                                       border-radius: 28px;
                                       font-family: Georgia;
                                       color: #ffffff;
                                       font-size: 10px;
                                       padding: 5px 5px 5px 5px;
                                       text-decoration: none;"
                                       value="Crear Cliente" 
                                       actionListener="#{autenticarBean.autenticarUsuario()}"
                                       oncomplete="if(#{autenticarBean.resultadoLogin.resultado})
                                       {alert('#{autenticarBean.resultadoLogin.error}');}
                                       else {alert(' La solicitud no pudo ser procesado por que :#{autenticarBean.resultadoLogin.error} ')}
                                       "
                                       title="Haga click para crear el cliente"
                                       render="PanelSesion"
                                       >
                    </a4j:commandButton>
                </h:panelGrid>
                <rich:messages ajaxRendered="true"  />
            </div>
        </div>
    </ui:define>
</ui:composition>
